<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script type="text/javascript">
      /* 
        创建一个构造函数
      */
      function MyClass() {}

      var mc = new MyClass();

      //向MyClass的原型中添加一个naem属性
      MyClass.prototype.name = '我是原型中的名字 ';

      console.log(mc.name);

      mc.age = 18;
      //使用in检查对象中是否含有某个属性值,如果对象中没有但是原型中有,也会返回true
      console.log('name' in mc);

      //可以使用对象的hasOwnProperty来检查对象自身中是否含有该属性
      console.log(mc.hasOwnProperty('name'));
      //使用该方法只有当对象自身中含有属性时,才会返回true
      //原型对象中有,也是false
      console.log(mc.hasOwnProperty('age'));

      //hasOwnProperty这种没有添加还比较爽的方法,大多数在原型中,或原型对象的原型中
      console.log(mc.hasOwnProperty('hasOwnProperty'));

      /* 
        原型对象也是对象,所以它也有原型
          当我们使用一个对象的属性和方法时,会先在自身中寻找,
              自身中如果有,则直接使用,
              如果没有则去原型对象中寻找,如果原型对象中有,则使用,
              如果没有则去原型的原型中寻找,直到找到的Object的原型,
              Object对象的原型没有原型,如果在Object中依然没有找到,则返回undefined
      */
      console.log(mc.__proto__.hasOwnProperty('hasOwnProperty')); //false
      console.log(mc.__proto__.__proto__.hasOwnProperty('hasOwnProperty')); //true

      //原型链
      console.log(mc.__proto__.__proto__.__proto__); //null

      console.log(mc.hello);

      console.log(mc.__proto__.__proto__); //Object的原型
    </script>
  </head>
  <body></body>
</html>
